<!DOCTYPE html>
<html lang="ZH-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站-关于</title>
    <meta name="keywords" content="互联网，程序员，程序员日常，项目展示">
    <meta name="description" content="这是一个分享成长经历、工作经历，兴趣爱好的网站">
    <!-- https://seo.chinaz.com/ -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">

    <!-- 设置网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <div class="tt-wrapper">
        <header class="header container">
            <div class="left">
                <a href="index.html"><img src="./imgs/logo.png" alt=""></a>
            </div>
            <div class="right">
                <ul>
                    <li><a href="show.html">作业</a></li>
                    <li class="active"><a href="about.html">关于</a></li>
                    <li><a href="concat.html">联系</a></li>
                </ul>
                <button><i class="night"></i></button>
            </div>
        </header>

        <!-- 欢迎区域 -->
        <section class="welcome container">
            <div class="left">
                <p>你好呀</p>
                <p>你想知道我是谁?</p>
            </div>
            <div class="right">
                <img src="./imgs/welcome.png" alt="欢迎您~~">
            </div>
        </section>

        <!-- 主体 -->
        <section class="container">
            <div class="image">
                <img src="./imgs/introduce.png" alt="introduce">
            </div>
            <p class="text">
                滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几度夕阳红。 白发渔樵江渚上，惯看秋月春风。 一壶浊酒喜相逢。 古今
                多少事，都付笑谈中。滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几度夕阳红。白发渔樵江渚上，惯看秋月春风。
                壶浊酒喜相逢。 古今多少事，都付笑谈中。滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几度夕阳红。 白发渔樵江
                渚上，惯看秋月春风。 一壶浊酒喜相逢。 古今多少事，都付笑谈中。滚滚长江东逝水，浪花淘尽英雄。 是非成败转头空。 青山依旧在，几
                度夕阳红。 白发渔樵江渚上，惯看秋月春风。一壶浊酒喜相逢。 古今多少事，都付笑谈中。
            </p>

            <div class="link">
                <a href="#">点击下载我的简历→</a>
            </div>
        </section>


        <!-- 页面尾部 -->
        <footer class="footer container">
            <div class="left">
                Copyright&copy;曙光与晨，2025遇见美好
            </div>
            <div class="right">
                <a href="#">链接1</a>
                <a href="#">链接2</a>
                <a href="#">链接3</a>
                <a href="#">链接4</a>
            </div>
        </footer>

    </div>
</body>

</html>


<!-- 引入脚本 -->
<script src="./js/common.js"></script>